<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>知了知了</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }

    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="lanbg">
        <div class="main-md">
            <div class="pad30">
                <div class=" baibg bor_re">
                    <div class="zhu">
                        <div class="jr-form">

                            <form action="#" method="post" class="ruzhufrm">
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span>姓名：</span></b>
                                    </div>
                                    <div class="w-rt">
                                        <input type="text" placeholder="">
                                    </div>
                                </div>
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span>身份证号：</span> </b>
                                    </div>
                                    <div class="w-rt">
                                        <input type="text" placeholder="">
                                    </div>
                                </div>
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span>电话：</span> </b>
                                    </div>
                                    <div class="w-rt">
                                        <input type="text" placeholder="">
                                    </div>
                                </div>
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span>密码：</span> </b>
                                    </div>
                                    <div class="w-rt">
                                        <input type="text" placeholder="">
                                    </div>
                                </div>

                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b>

                                            <span>本人照片：</span>
                                        </b>
                                    </div>
                                    <div class="w-rt">
                                        <img id="show" width="85" height="85" src="images/dyf/add.png" alt="">
                                        <input type="hidden" name="data[picdir]" id="picdir">
                                        <em>提示：照片尽量着正装，美观大方。用于老师简介头像使用</em>
                                    </div>
                                </div>

                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span>选择教学分类：</span> </b>
                                    </div>
                                    <div class="w-rt">
                                        <select name="" id="">
                                            <option value=""> 选择教学分类</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b>
                                            <span>上传作品课件：</span>
                                        </b>
                                    </div>
                                    <div class="w-rt">
                                        <input type="button" id="upload_zhengjian" class="scimg" value="上传">
                                        <input type="hidden" name="data[picdir_zhengjian]" id="picdir_zhengjian">
                                        <em>这里备注上传文件类型</em>
                                    </div>
                                </div>
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span> 银行卡号：</span> </b>
                                    </div>
                                    <div class="w-rt">
                                        <input type="text" placeholder="">
                                    </div>
                                </div>
                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b><span>教学资质：</span> </b>
                                    </div>
                                    <div class="w-rt">
                                        <select name="" id="">
                                            <option value=""> 教学资质</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="w-fm">
                                    <div class="w-lf">
                                        <b>

                                            <span>手持身份证照片：</span>
                                        </b>
                                    </div>
                                    <div class="w-rt">
                                        <img id="show" width="85" height="85" src="images/dyf/add.png" alt="">
                                        <input type="hidden" name="data[picdir]" id="picdir">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="zhu_btn">
            <a href="#"> 提交 </a>
        </div>
    </div>

    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(function () {
            $(".menu_tit").click(function () {
                $(this).parent("").addClass("active").siblings().removeClass('active')
            })
            $('.case_tit h3').click(function () {
                var liindex = $('.case_tit h3').index(this);
                $(this).addClass('active').siblings().removeClass('active');
                $('.case_list .case_item').eq(liindex).fadeIn(150).siblings(".case_item").hide();
            });
        })

    </script>
</body>

</html>